<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/cart.css">
</head>
<body>
    <div class="header">
        <div>
            <p>手机购物,下载东方航空APP </p> 
            <p class="delia">退出登录</p>
            <p class="list">商品列表</p>
            <p class="exit">东航官网</p>
        </div>
    </div>
    <div class="nav">
        <p><img src="https://ceair-resource.oss-cn-shanghai.aliyuncs.com/shoppingnew/mall/pc/img/logo.23ea94e1.png"
                alt="">
            </p>
        <p><img src="https://ceair-resource.oss-cn-shanghai.aliyuncs.com/shopping/pc/assets/images/moneyPayLogo.png"
                alt="">
            </p>
        <div class="select">
            <div class="selecttop">
                <input type="text">
                <button><span class="iconfont icon-sousuo two"></span></button>
                <ul></ul>
            </div>
            <div class="selectbottom">
                <span>iPhone</span>
                <span>戴森</span>
                <span>网易严选</span>
                <span>油卡</span>
                <span>夏日饮品</span>
                <span>东航周边</span>
            </div>
        </div>
    </div>
    <div class="banner">
        <p>购物车</p>
    </div>
    <div class="content">
            <!-- <div class="top">
              <input class="allSelect" type="checkbox"> 全选
              <span class="an">图片</span>
              <span class="bn">商品名称</span>
              <span class="cn">单价</span>
              <span class="dn">购买数量</span>
              <span class="en">小计</span>
            </div>
            <ul class="cartBox">
              <li>
                <div class="select">
                  <input type="checkbox">
                </div>
                <div class="show">
                  <img src="./a.png" alt="">
                </div>
                <div class="title">
                  飒飒的德生科技粉红色的积分圣诞节开发和数据库发过火开始减肥
                </div>
                <div class="price">
                  ￥ 100.00
                </div>
                <div class="number">
                  <button>-</button>
                  <input type="text" value="1">
                  <button>+</button>
                </div>
                <div class="subprice">
                  ￥ 100.00
                </div>
                <div class="del">
                  <button>删除</button>
                </div>
              </li>
            </ul>
            <div class="bottom">
              <p class="totalNum">
                购买总数: 0
              </p>
              <p>
                <button class="">删除所有已选中</button>
                <button class="empty">清空购物车</button>
                <button class="pay">去结算</button>
                <button class="continue">继续去选购</button>
              </p>
              <p class="totalPrice">
                总价格 : 0.00
              </p>
            </div>
          </div> -->

    </div>
    <div class="able">
        <div class="container-fluid">
            <img src="https://ceair-resource.oss-cn-shanghai.aliyuncs.com/shopping/pc/assets/images/service.png" />
        </div>
    </div>
    <div class="footer">
        <ul class="footerul">
            <p>会员须知</p>
            <li>会员权益说明</li>
            <li>商城现金消费奖积分</li>
        </ul>
        <ul class="footerul">
            <p>订购流程</p>
            <li>注册/登录</li>
            <li>开通消费密码</li>
            <li>搜索商品</li>
            <li>加入购物车</li>
            <li>支付</li>
            <li>查询订单及状态</li>
            <li>交通卡圈存流程</li>
        </ul>
        <ul class="footerul">
            <p>物流配送</p>
            <li>配送标准及范围</li>
            <li>配送方式</li>
            <li>签收须知</li>
        </ul>
        <ul class="footerul">
            <p>售后服务说明</p>
            <li>客服热线</li>
            <li>退换货政策</li>
            <li>退换货流程</li>
            <li> 商品保修</li>
            <li>发票</li>
        </ul>
        <ul class="footerul">
            <p>友情链接</p>
            <li>东方万里行</li>
            <li>东航网点信息</li>
        </ul>
        <ul class="footerul">
            <p>活动规则</p>
            <li>现金充话费享1:1积分奖励活动规则</li>
        </ul>
    </div>
    <script src="../js/util.js"></script>
    <script src="../js/cart.js"></script>
</body>

</html>